const template = (`
    <div class="todo-header">
        <input @keydown.enter="addTask" type="text" placeholder="请输入你的任务名称，按回车键确认"/>
      </div>
`);
export default {
    template,
    props:['taskList'],
    methods:{
        addTask(e){
            if(e.target.value.trim()){
                this.$emit(
                    'update:taskList',
                    [
                        {
                            id:Math.random().toString(36).slice(2),
                            title : e.target.value,
                            isChecked:true
                        },
                        ...this.taskList
                    ]
                );
            }else {
                alert('请输入内容')
            }
            e.target.value = null;
        }
    }
}